/**
    common css
*/
/* ==========================================================================
   function
 ============================================================================ */
/* 清除浮动 */
.f-cb:after,
.f-cbli li:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
/* inline-block */
.f-ib li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* 浮动 */
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
/* 显示/隐藏 */
.f-dn {
  display: none;
}
.f-db {
  display: block;
}
/* relative */
.f-pr {
  position: relative;
}
/* 溢出隐藏 */
.f-oh {
  overflow: hidden;
}
/* font-size */
.f-fs1 {
  font-size: 12px;
}
.f-fs2 {
  font-size: 14px;
}
/* font-weight */
.f-fwn {
  font-weight: normal;
}
.f-fwb {
  font-weight: bold;
}
/* text-align */
.f-tal {
  text-align: left;
}
.f-tac {
  text-align: center;
}
.f-tar {
  text-align: right;
}
/* justify */
.f-taj {
  text-align: justify;
  text-justify: inter-ideograph;
}
/* 垂直居中 */
.f-vam,
.f-vama * {
  vertical-align: middle;
}
/* 字间距 */
.f-ti2 {
  text-indent: 2em;
}
/* 行高 */
.f-lhn {
  line-height: normal;
}
/* 下划线 */
.f-tdu,
.f-tdu:hover {
  text-decoration: underline;
}
.f-tdn,
.f-tdn:hover {
  text-decoration: none;
}
/* 超出部分省略号 */
.f-toe {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* 鼠标样式 */
.f-csp {
  cursor: pointer;
}
.f-csd {
  cursor: default;
}
.f-csh {
  cursor: help;
}
.f-csm {
  cursor: move;
}
/* 文本不能被选择 */
.f-usn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* 边框圆角 */
.bdr_radiu {
  border-radius: 4px;
}

/* ==========================================================================
   layout
 ============================================================================ */
/* 百度地图角标 */
.anchorBL {
  display: none;
}

/*====== 滚动条样式：谷歌浏览器下 start ======*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/*滚动条的轨道*/
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #adacad;
}

/*滚动条的上下两端的按钮*/
::-webkit-scrollbar-button {
  height: 0px;
}
/*====== 滚动条样式：谷歌浏览器下 end ======*/

// 输入框宽度
@each $width in 180, 220, 240, 260, 300 {
  // @each可以遍历列表$list中的值
  .w#{$width} {
    width: #{$width}px !important; // 通过变量直接计算出每个class的transition-delay值
  }
}
/* 字号大小 */
@for $i from 12 through 40 {
  .ft#{$i} {
    font-size: #{$i}px !important;
  }
}

/* 外边距、内边距全局样式 */
@for $i from 0 through 40 {
  .mt#{$i} {
    margin-top: #{$i}px !important;
  }
  .mr#{$i} {
    margin-right: #{$i}px !important;
  }
  .mb#{$i} {
    margin-bottom: #{$i}px !important;
  }
  .ml#{$i} {
    margin-left: #{$i}px !important;
  }
  .pt#{$i} {
    padding-top: #{$i}px !important;
  }
  .pr#{$i} {
    padding-right: #{$i}px !important;
  }
  .pb#{$i} {
    padding-bottom: #{$i}px !important;
  }
  .pl#{$i} {
    padding-left: #{$i}px !important;
  }
}
